<!--
 * @author: Archy
 * @Date: 2022-03-09 16:11:14
 * @LastEditors: Archy
 * @LastEditTime: 2022-03-09 16:11:14
 * @FilePath: \arkgen\xterm.html
 * @description: 
-->
<!--
 * @author: Archy
 * @Date: 2022-03-09 15:57:12
 * @LastEditors: Archy
 * @LastEditTime: 2022-03-09 15:57:13
 * @FilePath: \arkgen\xterm.html
 * @description: 
-->
<!doctype html>
  <html>
    <head>
      <link rel="stylesheet" href="node_modules/xterm/css/xterm.css" />
      <script src="node_modules/xterm/lib/xterm.js"></script>
    </head>
    <body>
      <div id="terminal"></div>
      <script>
        var term = new Terminal();
        import { LigaturesAddon } from 'xterm-addon-ligatures';

const terminal = new Terminal();
const ligaturesAddon = new LigaturesAddon();
terminal.open(containerElement);
terminal.loadAddon(ligaturesAddon);
        term.open(document.getElementById('terminal'));
        term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m $ ')
      </script>
    </body>
  </html>